<template>
    <el-form ref="formRef" :model="form" label-width="auto" label-suffix="：">
        <el-row :gutter="16">

            <el-col :span="14">
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="姓名" prop="name">{{ form.name }}</el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="性别" prop="sex">{{ form.sex === '0' ? '女' : '男' }}</el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col><el-form-item label="地址" prop="addr">{{ form.addr }}</el-form-item></el-col>
                </el-row>
            </el-col>
            <el-col :span="10">
                <el-form-item label="头像" prop="name">
                    <el-avatar :size="90" class="mr-3" src="https://empty" @error="errorHandle">
                        <img :src="form.img" alt="">
                    </el-avatar>
                </el-form-item>
            </el-col>

        </el-row>
    </el-form>
    <el-row :gutter="16">
        <el-col :span="20" :offset="2">

        </el-col>
    </el-row>
</template>
<script lang="ts" setup>
const form = {
    name: 'yangzhe',
    sex: '1',
    addr: '北京丰台',
    img: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png'
}
const errorHandle = () => true
</script>